

.wallet-page{
  background: $theme_bg_color;
  .wallet-header{
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: $theme_padding;
  }
  .wallet-body{
    background: #fff;
  }

  .nav-list{
    color: #989898;
  }
}



.wallet-box{
  height: 390px;
  padding: 30px;
  z-index: 10;
  position: relative;
  .wallet-bg{
    width: 690px;
    height: 330px;
    z-index: -1;
    position: absolute;
  }
  .statistics-box{
    height: 330px;
    padding: 40px;
    border-radius: 20px;
  }
  .total-box{
    position: relative;
  }
  .recharge-btn{
    top: 0;
    right: 0;
    color: $theme_text_color;
    width: 150px;
    height: 50px;
    position: absolute;
    background: #fff;
    border-radius: 60px;
  }
  .accumulate-box{
    flex: 1;
  }
  .accumulate-text{
    color: $theme_text_color;
    font-size: 24px;
  }
  .accumulate-num{
    color: $theme_text_color;
    font-size: 40px;
  }
  .total-num{
    font-size: 54px;
  }
}

.img-list{
  padding: $theme_padding;
}

.hot-title{
  padding-top: 80px;
  .title-left, .title-right{
    width: 100px;
    height: 1px;
    background: #333;
  }
  .title-text{
    padding: 0 60px;
    position: relative;
    &:before, &:after{
      content: " ";
      top: 50%;
      width: 10px;
      height: 10px;
      position: absolute;
      transform: translateY(-50%) rotate(45deg);
      background: #333;
    }
    &:before{left: 12px;}
    &:after{right: 12px;}
  }
}
